/**
 * 处理查看订单和我的家
 */

// 点击订单选项卡（已付款、未付款），完成动态切换
$('#order_box_right > div:first > p').on('click',function() {
	// 先发送ajax请求
	searchOrderByStatusAndPTime($(this).index()+1,$('#screen_click > li > a[class="active"]').parent().index())
	
	
	// 取消当前所有p的颜色
	$('#order_box_right > div:first > p').removeAttr('class')
	// 设置当前属性
	$(this).attr('class','active')
	
	// 让里面的i根据当前p的位置平移
	$(this).nextAll('i').animate({'left':$(this).position().left}, 'normal');
})

// 设置下方的时间筛选按钮
$('#screen_click > li > a').on('click',function() {
	// 发送ajax请求
	searchOrderByStatusAndPTime($('#order_box_right > div:first > p[class="active"]').index()+1,$(this).parent().index())
	
	
	// 取消所有的active属性
	$('#screen_click > li > a').removeAttr('class')
	// 让自己有active属性
	$(this).attr('class','active')
})

// 查询订单的函数（带支付状态和支付时间）
function searchOrderByStatusAndPTime(status,payTime){
	// 发送ajax请求
	$.post(
		'orders',
		{'status':status,'payTime':payTime},
		data=>{
			// 每条data都是订单JSON数据
			console.log(data)
			renderOrder(data)
		}, "json"
	)
}

// 对拿到的（订单）json数据进行页面渲染
function renderOrder(orders){
	// 先清除
	$('.order').remove()
	
	
	if(orders.length != 0){
		// 开始渲染
		$.each($(orders),(index,order)=>{
			const orderTop = '<div class="order"><div><p>订单号：<span>'+order.id+'</span></p>'
			const orderCreateTime = '<p>| '+new Date(order.createTime).Format("yyyy-MM-dd HH:mm:ss")+' |</p>'
			const orderPrice = '<p>￥ '+order.price+'</p><p>| 网络支付</p>'
			const orderUserName = '<p>| '+order.userName+'</p></div>'
			
			const orderBot = '<div class="order_item">'
			let orderBook = '<div class="order_books">'
			$.each($(order.books),(index,book)=>{
				orderBook += '<a href="book/'+book.id+'"><img src="'+book.image+'"/></a>'
			})
			const orderPayStatus = '</div><p>'+(order.paymentStatus==true?"已支付":"未支付")+'</p><div>'
			const orderPayment = order.paymentStatus==true?'':'<p class="order_clock_time">23.51.29</p><p class="topay_order">支付</p>'
			const orderDelete = '<p><a class="delete_order" href="delete">删除订单</a></p>'
			const orderComent = order.commentStatus==true?'<p>已评论</p>':'<p class="to_order_comment"><a href="javascript:void(0)">去评论</a></p>'+'</div></div></div>'
			
			// 拼接放在orders里面
			$('#orders').append(orderTop+orderCreateTime+orderPrice+orderUserName+orderBot+orderBook+orderPayStatus+orderPayment+orderDelete+orderComent)
		})
	}else{
		console.log(000)
	}
}

// 去删除
$('.delete_order').on('click',function() {
	// 获取到当前订单的id
	const orderId = $('.order').has(this).find('div:first > p:first > span').text()
	
	if(confirm('确定要删除吗？')){
		// 发post请求
		StandardPost('deleteOrder',{'orderId':orderId})
	}
	return false;
})


// 去评论
$('.to_order_comment').on('click',function() {
	// 获取到当前订单的id
	const orderId = $('.order').has(this).find('div:first > p:first > span').text()
	
	if(confirm('确定要评论吗？')){
		// 弹出消息框
	}
	return false;
})

// 去支付
$('.topay_order').on('click',function() {
	// 先获取当前订单的id
	const orderId = $('.order').has(this).find('div:first > p:first > span').text()
	
	// 判断是否确认
	if(confirm('确定要支付吗？')){
		// 发送post ajax请求
		$.post(
			'buybook',
			{'orderId':orderId},
			data=>{
				console.log(data)
				if(data){
					// 重定向到当前页
					window.href = 'orders'
				}
			}
		)
	}
	return false;
})

function  StandardPost(url,args){
    var form = $("<form method='post'></form>"),input;
    form.attr({"action":url});
    $.each(args,function(key,value){
        input = $("<input type='hidden'>");
        input.attr({"name":key});
        input.val(value);
        form.append(input);
    });
    $(document.body).append(form);
    form.submit();
}